import axios from 'axios'
import { Toast } from 'antd-mobile'


const instance = axios.create({
  baseURL: 'http://120.26.44.181/back',
  timeout: 5000,
  headers: {'X-Custom-Header': 'foobar'}
});


function showToast() {
  Toast.show({
    icon: 'loading',
    content: '加载中…',
    duration: 0,
    maskClickable:false
  })
}



instance.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // if(config.url === "/login"){
    
  // }
  showToast()
  if (localStorage.token) { //判断token是否存在
    config.headers.Authorization = 'Bearer '+ localStorage.token;  //将token设置成请求头
  }
  return config;
}, function (error) {
  Toast.show({ icon: 'fail', content: '请求错误！', maskClickable:false })
  // 对请求错误做些什么
  return Promise.reject(error);
});

// 添加响应拦截器
instance.interceptors.response.use(function (response) {
  Toast.clear()
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么
  const { code, data, message } = response.data
  switch (code) {
    case 200:
      return data
    case 201:
      return response.data
    case 451:
      window.localStorage.removeItem("token");
      Toast.show({ icon: 'fail', content: message, maskClickable:false })
      return Promise.reject(response.data)
    case 453:
      return Promise.reject(response.data)
    default:
      return response
  }

}, function (error) {
  Toast.clear()
  // 超出 2xx 范围的状态码都会触发该函数。
  // 对响应错误做点什么
  return Promise.reject(error);
});


export default instance